<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="zh" xml:lang="zh"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
<ui:composition template="templates/common.xhtml">
    <ui:define name="pageTitle">#{labels.appName}</ui:define>
    <ui:define name="mainContents">
        <div class="row">
            <div class="large-10 large-centered columns">
                <nav class="breadcrumbs">
                    <h:outputLink value="index.html">#{labels.commonMenuGlance}</h:outputLink>
                    <h:outputLink value="#{'#'}" styleClass="unavailable">#{labels.commonMenuVenue}</h:outputLink>
                    <h:outputLink value="#{'#'}" styleClass="current">#{labels.commonMenuChargeTest}</h:outputLink>
                </nav>
            </div>
        </div>
        <div class="row standard-gap-top">
            <h:form id="charge_test_form">
                <div class="large-9 large-centered columns">
                    <fieldset>
                        <legend>#{labels.chtestInputFieldTitle}</legend>
                        <div class="row">
                            <div class="small-6 columns">
                                <h:outputLabel value="#{labels.chtestInputCustype}" for="customertype"/>
                                <h:selectOneMenu id="customertype">
                                    <f:selectItems value="#{customerTypesBean.types}" var="type"
                                                   itemLabel="#{type.customerTypeName}" itemValue="#{type.customerTypeId}"/>
                                </h:selectOneMenu>
                            </div>
                            <div class="small-6 columns">
                                <h:outputLabel value="#{labels.chtestInputChargeScheme}" for="chargescheme"/>
                                <h:selectOneMenu id="chargescheme">
                                    <f:selectItems value="#{chargeSchemeBean.schemes}" var="scheme"
                                                   itemLabel="#{scheme.name}" itemValue="#{scheme.schemeId}"/>
                                </h:selectOneMenu>
                            </div>
                            <div class="small-3 columns">
                                <h:outputLabel value="#{labels.chtestInputBeginTime}"/>
                                <div class="row">
                                    <div class="small-6 columns">
                                        <div class="row collapse">
                                            <div class="small-8 columns">
                                                <h:inputText value="#{chargeSchemeBean.beginHour}"
                                                             p:placeholder="0"/>
                                            </div>
                                            <div class="small-4 columns">
                                                <span class="postfix">#{labels.hour}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="small-6 columns">
                                        <div class="row collapse">
                                            <div class="small-8 columns">
                                                <h:inputText value="#{chargeSchemeBean.beginMinute}"
                                                             p:placeholder="0"/>
                                            </div>
                                            <div class="small-4 columns">
                                                <span class="postfix">#{labels.minute}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="small-3 end columns">
                                <h:outputLabel value="#{labels.chtestInputEndTime}"/>
                                <div class="row">
                                    <div class="small-6 columns">
                                        <div class="row collapse">
                                            <div class="small-8 columns">
                                                <h:inputText value="#{chargeSchemeBean.endHour}"
                                                             p:placeholder="0"/>
                                            </div>
                                            <div class="small-4 columns">
                                                <span class="postfix">#{labels.hour}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="small-6 columns">
                                        <div class="row collapse">
                                            <div class="small-8 columns">
                                                <h:inputText value="#{chargeSchemeBean.endMinute}"
                                                             p:placeholder="0"/>
                                            </div>
                                            <div class="small-4 columns">
                                                <span class="postfix">#{labels.minute}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="small-6 right columns">
                                <ul class="button-group">
                                    <li><h:commandButton value="#{labels.chtestInputTestCommit}" styleClass="button small"/></li>
                                    <li><h:commandButton value="${labels.formReset}" type="reset" styleClass="button small secondary"/></li>
                                </ul>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </h:form>
        </div>
    </ui:define>
</ui:composition>
</html>